<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订单管理</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <link rel="stylesheet" type="text/css" href="./awesome/css/font-awesome.min.css">
</head>
<body class="order">
<header class="header">
    <div class="header-box">
        <div class="header-hd">
            <div class="topmessage-l">
                <span class="topmessage">亲，请<a href="#">登录 </a>免费<a href="#">注册</a></span>
            </div>
            <div class="topmessage-r">
                <span class="tmr1"><a href="index.html">商城首页</a></span>
                <span class="tmr2"><i class="fa fa-user" aria-hidden="true"></i> <a href="information.html">个人中心</a></span>
                <span class="tmr3"><i class="fa fa-shopping-cart" aria-hidden="true"></i> <a href="cart.html">购物车0</a></span>
                <span class="tmr4"><i class="fa fa-heart" aria-hidden="true"></i> <a href="collection.html">收藏夹</a></span>
            </div>
        </div>
        <div class="logo"><img src="./img/order/logo.png"></div>
        <div class="search">
            <input type="text" placeholder="搜索" id="ipt1">
            <a href="search.html"> <input type="submit" value="搜索" id="ipt2"></a>
        </div>
        <div class="header-bd">
            <div class="nav-0">全部分类</div>
            <ul class="clearfix">
                <li class="nav-1"><a href="index.html">首页</a></li>
                <li class="nav-2"><a href="index.html">闪购</a></li>
                <li class="nav-3"><a href="index.html">限时抢</a></li>
                <li class="nav-4"><a href="index.html">团购</a></li>
                <li class="nav-5"><a href="index.html">大包装</a></li>
            </ul>
            <div class="nav-extra">
                <div class="img"><img src="img/order/p4.png"></div>
                <div class="extra">我的福利<</div>
            </div>
        </div>
    </div>
</header>
<div class="tbody clearfix">
    <div class="aside">
        <ul class="aside-list">
            <li class="alst1"><i class="fa fa-user sty" aria-hidden="true"></i>&nbsp;<a class="styz"  href="#">个人中心</a></li>
            <li class="alst2"><i class="fa fa-drivers-license-o sty" aria-hidden="true"></i>&nbsp;<a class="styz" href="#">个人资料</a>
                <ul>
                    <li><a href="information.html">个人信息</a></li>
                    <li><a href="safe.html">安全设置</a></li>
                    <li><a href="address.html">收货地址</a></li>
                    <li> <a href="pay.html">快捷支付</a></li>
                </ul>
            </li>
            <li class="alst3"><i class="fa fa-balance-scale sty" aria-hidden="true"></i>&nbsp;<a class="styz" href="#">我的交易</a>
                <ul>
                    <li class="choosed"><a href="#">订单管理</a></li>
                    <li><a href="./change.html">退货售后</a></li>
                    <li><a href="./comment.html">商品评价</a></li>
                </ul>
            </li>
            <li class="alst4">&nbsp;<i class="fa fa-dollar sty" aria-hidden="true"></i>&nbsp;<a  class="styz" href="#">我的资产</a>
                <ul>
                    <li><a href="#">我的积分</a></li>
                    <li><a href="#">优惠券</a></li>
                    <li><a href="#">红包</a></li>
                    <li><a href="#">账户余额</a></li>
                    <li><a href="#">账单明细</a></li>
                </ul>
            </li>
            <li class="alst5"><i class="fa fa-tags sty" aria-hidden="true"></i>&nbsp;<a class="styz" href="#">我的收藏</a>
                <ul>
                    <li><a href="./collection.html">收藏</a></li>
                    <li><a href="./foot.html">足迹</a></li>
                    <li><a href="#">红包</a></li>
                </ul>
            </li>
            <li class="alst6"><i class="fa fa-qq sty" aria-hidden="true"></i>&nbsp;<a class="styz" href="#">在线客服</a>
                <ul>
                    <li><a href="#">商品咨询</a></li>
                    <li><a href="#">意见反馈</a></li>
                    <li><a href="#">我的消息</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="order-container">
        <div class="order-head">订单管理/Order</div>
        <ul class="order-nav">
            <div>
            <li class="on"><a href="#">所有订单</a></li>
            <li ><a href="#">待付款</a></li>
            <li ><a href="#">待发货</a></li>
            <li ><a href="#">待收货</a></li>
            <li ><a href="#">待评价</a></li>
            </div>
        </ul>
        <!--所有订单 status1 status2 status3 status4-->
        <div class="order-box">
        <div class="order-bd"  id="tab1">
            <div class="order-top">
                <div class="th1">商品</div>
                <div class="th2">单价</div>
                <div class="th3">数量</div>
                <div class="th4">商品操作</div>
                <div class="th5">合计</div>
                <div class="th6">交易状态</div>
                <div class="th7">交易操作</div>
            </div>
            <div class="order-main">
                <div class="order-list">
                    <div class="order-status1 aorder clearfix">
                        <div class="order-title">
                            <div class="dd-num">订单编号：1601430</div>
                            <span>成交时间：2015-12-20</span>
                        </div>
                        <div class="order-content">
                            <div class="order-content-left">
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p1.jpg">
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
                                                <p class="info-little">颜色：12#川南玛瑙
                                                    <br/>包装：裸装 </p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                        </div>
                                    </li>
                                </ul>
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p2.jpg" >
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>礼盒袜子女秋冬 纯棉袜加厚 韩国可爱 </p>
                                                <p class="info-little">颜色分类：李清照
                                                    <br/>尺码：均码</p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation">
                                        <div class="operation">
                                        </div>
                                    </li>
                                </ul>
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p1.jpg">
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
                                                <p class="info-little">颜色：12#川南玛瑙
                                                    <br/>包装：裸装 </p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="order-content-right">
                                <li class="item-amount">
                                    <div class="amount">
                                        合计：676.00
                                        <p>含运费：<span>10.00</span></p>
                                    </div>
                                </li>
                                <div class="move-right">
                                    <li class="item-status">
                                        <div class="status">
                                            <p>交易成功</p>
                                            <p>订单详情</p>
                                            <p><a href="loghistory.html">查看物流</a></p>
                                        </div>
                                    </li>
                                    <li class="item-change">
                                        <div class="change-btn dele">
                                            删除订单
                                        </div>
                                    </li>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="order-status2  aorder clearfix">
                        <div class="order-title">
                            <div class="dd-num">订单编号：1601430</div>
                            <span>成交时间：2015-12-20</span>
                        </div>
                        <div class="order-content">
                            <div class="order-content-left">
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p1.jpg">
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
                                                <p class="info-little">颜色：12#川南玛瑙
                                                    <br/>包装：裸装 </p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                        </div>
                                    </li>
                                </ul>
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p2.jpg" >
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>礼盒袜子女秋冬 纯棉袜加厚 韩国可爱 </p>
                                                <p class="info-little">颜色分类：李清照
                                                    <br/>尺码：均码</p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation">
                                        <div class="operation">

                                        </div>
                                    </li>
                                </ul>
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p1.jpg">
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
                                                <p class="info-little">颜色：12#川南玛瑙
                                                    <br/>包装：裸装 </p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="order-content-right">
                                <li class="item-amount">
                                    <div class="amount">
                                        合计：676.00
                                        <p>含运费：<span>10.00</span></p>
                                    </div>
                                </li>
                                <div class="move-right">
                                    <li class="item-status">
                                        <div class="status">
                                            <p>交易关闭</p>
                                        </div>
                                    </li>
                                    <li class="item-change">
                                        <div class="change-btn dele">
                                            删除订单</div>
                                    </li>
                            </div>
                        </div>
                        </div>
                    </div>
                    <div class="order-status3  aorder clearfix">
                        <div class="order-title">
                            <div class="dd-num">订单编号：1601430</div>
                            <span>成交时间：2015-12-20</span>
                        </div>
                        <div class="order-content">
                            <div class="order-content-left">
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p1.jpg">
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
                                                <p class="info-little">颜色：12#川南玛瑙
                                                    <br/>包装：裸装 </p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                            退款
                                        </div>
                                    </li>
                                </ul>
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p2.jpg" >
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>礼盒袜子女秋冬 纯棉袜加厚 韩国可爱 </p>
                                                <p class="info-little">颜色分类：李清照
                                                    <br/>尺码：均码</p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                            退款
                                        </div>
                                    </li>
                                </ul>
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p1.jpg">
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
                                                <p class="info-little">颜色：12#川南玛瑙
                                                    <br/>包装：裸装 </p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                            退款
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="order-content-right">
                                <li class="item-amount">
                                    <div class="amount">
                                        合计：676.00
                                        <p>含运费：<span>10.00</span></p>
                                    </div>
                                </li>
                                <div class="move-right">
                                    <li class="item-status">
                                        <div class="status">
                                            <p>买家已付款</p>
                                            <p>订单详情</p>
                                        </div>
                                    </li>
                                    <li class="item-change">
                                        <div class="change-btn">
                                            提醒发货</div>
                                    </li>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="order-status4  aorder clearfix">
                        <div class="order-title">
                            <div class="dd-num">订单编号：1601430</div>
                            <span>成交时间：2015-12-20</span>
                        </div>
                        <div class="order-content">
                            <div class="order-content-left">
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p1.jpg">
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
                                                <p class="info-little">颜色：12#川南玛瑙
                                                    <br/>包装：裸装 </p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                            退货/退款
                                        </div>
                                    </li>
                                </ul>
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p2.jpg" >
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>礼盒袜子女秋冬 纯棉袜加厚 韩国可爱 </p>
                                                <p class="info-little">颜色分类：李清照
                                                    <br/>尺码：均码</p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                            退货/退款
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="order-content-right clearfix">
                                <li class="item-amount">
                                    <div class="amount">
                                        合计：676.00
                                        <p>含运费：<span>10.00</span></p>
                                    </div>
                                </li>
                                <div class="move-right">
                                    <li class="item-status">
                                        <div class="status">
                                            <p >卖家已发货</p>
                                            <p >订单详情</p>
                                            <p ><a href="loghistory.html">查看物流</a></p>
                                            <p >延长收货</p>
                                        </div>
                                    </li>
                                    <li class="item-change">
                                        <div class="change-btn">
                                            确认收货</div>
                                    </li>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--待付款 status5-->
        <div class="order-bd" id="tab2">
            <div class="order-top">
                <div class="th1">商品</div>
                <div class="th2">单价</div>
                <div class="th3">数量</div>
                <div class="th4">商品操作</div>
                <div class="th5">合计</div>
                <div class="th6">交易状态</div>
                <div class="th7">交易操作</div>
            </div>
            <div class="order-main">
                <div class="order-list">
                    <div class="order-status5 order-status3 clearfix">
                        <div class="order-title">
                            <div class="dd-num">订单编号：1601430</div>
                            <span>成交时间：2015-12-20</span>
                        </div>
                        <div class="order-content">
                            <div class="order-content-left">
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p1.jpg">
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
                                                <p class="info-little">颜色：12#川南玛瑙
                                                    <br/>包装：裸装 </p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                            退款
                                        </div>
                                    </li>
                                </ul>
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p2.jpg" >
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>礼盒袜子女秋冬 纯棉袜加厚 韩国可爱 </p>
                                                <p class="info-little">颜色分类：李清照
                                                    <br/>尺码：均码</p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                            退款
                                        </div>
                                    </li>
                                </ul>
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p1.jpg">
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
                                                <p class="info-little">颜色：12#川南玛瑙
                                                    <br/>包装：裸装 </p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                            退款
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="order-content-right">
                                <li class="item-amount">
                                    <div class="amount">
                                        合计：676.00
                                        <p>含运费：<span>10.00</span></p>
                                    </div>
                                </li>
                                <div class="move-right">
                                    <li class="item-status">
                                        <div class="status">
                                            <p>等待买家付款</p>
                                            <p>取消订单</p>
                                        </div>
                                    </li>
                                    <li class="item-change">
                                        <div class="change-btn">
                                            一键支付</div>
                                    </li>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--待发货 status6-->
        <div class="order-bd" id="tab3">
            <div class="order-top">
                <div class="th1">商品</div>
                <div class="th2">单价</div>
                <div class="th3">数量</div>
                <div class="th4">商品操作</div>
                <div class="th5">合计</div>
                <div class="th6">交易状态</div>
                <div class="th7">交易操作</div>
            </div>
            <div class="order-main">
                <div class="order-list">
                    <div class="order-status6 order-status3 clearfix">
                        <div class="order-title">
                            <div class="dd-num">订单编号：1601430</div>
                            <span>成交时间：2015-12-20</span>
                        </div>
                        <div class="order-content">
                            <div class="order-content-left">
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p1.jpg">
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
                                                <p class="info-little">颜色：12#川南玛瑙
                                                    <br/>包装：裸装 </p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                            退款
                                        </div>
                                    </li>
                                </ul>
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p2.jpg" >
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>礼盒袜子女秋冬 纯棉袜加厚 韩国可爱 </p>
                                                <p class="info-little">颜色分类：李清照
                                                    <br/>尺码：均码</p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                            退款
                                        </div>
                                    </li>
                                </ul>
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p1.jpg">
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
                                                <p class="info-little">颜色：12#川南玛瑙
                                                    <br/>包装：裸装 </p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                            退款
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="order-content-right">
                                <li class="item-amount">
                                    <div class="amount">
                                        合计：676.00
                                        <p>含运费：<span>10.00</span></p>
                                    </div>
                                </li>
                                <div class="move-right">
                                    <li class="item-status">
                                        <div class="status">
                                            <p>买家已付款</p>
                                            <p>订单详情</p>
                                        </div>
                                    </li>
                                    <li class="item-change">
                                        <div class="change-btn">
                                            提醒发货</div>
                                    </li>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--待收货 status7-->
        <div class="order-bd" id="tab4">
            <div class="order-top">
                <div class="th1">商品</div>
                <div class="th2">单价</div>
                <div class="th3">数量</div>
                <div class="th4">商品操作</div>
                <div class="th5">合计</div>
                <div class="th6">交易状态</div>
                <div class="th7">交易操作</div>
            </div>
            <div class="order-main">
                <div class="order-list">
                    <div class="order-status7  order-status4 clearfix">
                        <div class="order-title">
                            <div class="dd-num">订单编号：1601430</div>
                            <span>成交时间：2015-12-20</span>
                        </div>
                        <div class="order-content">
                            <div class="order-content-left">
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p1.jpg">
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
                                                <p class="info-little">颜色：12#川南玛瑙
                                                    <br/>包装：裸装 </p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                            退货/退款
                                        </div>
                                    </li>
                                </ul>
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p2.jpg" >
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>礼盒袜子女秋冬 纯棉袜加厚 韩国可爱 </p>
                                                <p class="info-little">颜色分类：李清照
                                                    <br/>尺码：均码</p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                            退货/退款
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="order-content-right clearfix">
                                <li class="item-amount">
                                    <div class="amount">
                                        合计：676.00
                                        <p>含运费：<span>10.00</span></p>
                                    </div>
                                </li>
                                <div class="move-right">
                                    <li class="item-status">
                                        <div class="status">
                                            <p >卖家已发货</p>
                                            <p >订单详情</p>
                                            <p ><a href="loghistory.html">查看物流</a></p>
                                            <p >延长收货</p>
                                        </div>
                                    </li>
                                    <li class="item-change">
                                        <div class="change-btn">
                                            确认收货</div>
                                    </li>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--待评价 status8-->
        <div class="order-bd" id="tab5">
            <div class="order-top">
                <div class="th1">商品</div>
                <div class="th2">单价</div>
                <div class="th3">数量</div>
                <div class="th4">商品操作</div>
                <div class="th5">合计</div>
                <div class="th6">交易状态</div>
                <div class="th7">交易操作</div>
            </div>
            <div class="order-main">
                <div class="order-list">
                    <div class="order-status8 order-status1 clearfix">
                        <div class="order-title">
                            <div class="dd-num">订单编号：1601430</div>
                            <span>成交时间：2015-12-20</span>
                        </div>
                        <div class="order-content">
                            <div class="order-content-left">
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p1.jpg">
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
                                                <p class="info-little">颜色：12#川南玛瑙
                                                    <br/>包装：裸装 </p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                        </div>
                                    </li>
                                </ul>
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p2.jpg" >
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>礼盒袜子女秋冬 纯棉袜加厚 韩国可爱 </p>
                                                <p class="info-little">颜色分类：李清照
                                                    <br/>尺码：均码</p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation">
                                        <div class="operation">
                                        </div>
                                    </li>
                                </ul>
                                <ul class="item-list">
                                    <li class="item-good th1">
                                        <div class="item-pic">
                                            <a href="#">
                                                <img src="./img/order/p1.jpg">
                                            </a>
                                        </div>
                                        <div class="item-info">
                                            <a href="#">
                                                <p>美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
                                                <p class="info-little">颜色：12#川南玛瑙
                                                    <br/>包装：裸装 </p>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="item-price th2">
                                        <div class="price">
                                            333.00
                                        </div>
                                    </li>
                                    <li class="item-number th3">
                                        <div class="number">
                                            <span>×</span>2
                                        </div>
                                    </li>
                                    <li class="item-operation th4">
                                        <div class="operation">
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="order-content-right">
                                <li class="item-amount">
                                    <div class="amount">
                                        合计：676.00
                                        <p>含运费：<span>10.00</span></p>
                                    </div>
                                </li>
                                <div class="move-right">
                                    <li class="item-status">
                                        <div class="status">
                                            <p>交易成功</p>
                                            <p>订单详情</p>
                                            <p><a href="loghistory.html">查看物流</a></p>
                                        </div>
                                    </li>
                                    <li class="item-change">
                                        <div class="change-btn">
                                            评价商品
                                        </div>
                                    </li>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
</div>
<footer class="footer">
    <div class="footer-hd">
        <p>
            <a href="index.html">WESHOP</a>
            <b>|</b>
            <a href="index.html">商城首页</a>
            <b>|</b>
            <a href="#">支付宝</a>
            <b>|</b>
            <a href="#">物流</a>
        </p>
    </div>
    <div class="footer-bd">
        <p>
            <a href="#">关于我们</a>
            <a href="#">合作伙伴</a>
            <a href="#">联系我们</a>
            <a href="#">网站地图</a>
        </p>
    </div>
</footer>
<script src="js/lib/jquery.min.js"></script>
<script src="js/order.js"></script>
</body>
</html>